/* ======== global demo style =========== */
.demo-part{
	margin:15px auto;
	width:600px;
	padding:10px;
	background:#f4f4f4;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:inset -10px -10px 6px #fff;
    -moz-box-shadow:inset -10px -10px 6px #fff;
    box-shadow:inset -10px -10px 6px #fff;
}
.demo-ct{
	background:#fff;
	-webkit-box-shadow:2px 2px 6px #ddd;
    -moz-box-shadow:2px 2px 6px #ddd;
    box-shadow:2px 2px 6px #ddd;	
}
.demo-ct li{list-style-type:disc;list-style-position:inside;margin:5px 0;}
.demo-ct a{color:#12A9FA;}
.demo-ct a:hover{color:#0473DC}
.demo-ct a:visited{background:pink;}
.demo-tip{font-size:0.9em;font-style:italic;margin:3px;padding:3px 0 3px 20px;line-height:20px;background:url("../img/tip.gif") left center no-repeat #CDE6EA;color:#999; }
/* ======== /global demo style =========== */

#main_inside{position:relative;}
#sidebar li{margin:0px 5px 5px 5px;padding:3px 0 3px 5px; line-height:1.2em;background:#fff;}
#sidebar li.cur,#sidebar li:hover{background:#6ABCE3;margin-left:0;}
#sidebar li.cur a{color:#fff;font-weight:bold;}

#cookie-demo li{float:left;margin:5px;}
#cookie-demo li img{padding:2px;background:#fff;}
#cookie-demo li.on img{background:#6ABCE3;}

#jqplot-demo #chart_pp{width:400px;height:300px;}

/* ============ jq-preloading.html ========== */
#jq-preloader {
    width: 960px;
    margin: 0px auto;
	background:url("../img/jqp_bg.jpg");
}

#jq-preloader h2 {
    font-weight: 100;
    text-shadow: #ffffff 1px 1px 0px;
    text-align: center;
    padding: 20px;
    font-size: 32px;
    color: #555555;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 30px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* gallery style */
#gallery {
    list-style: none;
}

#gallery li {
    background: #e8e8e8;
    float: left;
    display: block;
    border: 1px solid #d7d7d7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 6px #ddd;
    -moz-box-shadow: 1px 1px 6px #ddd;
    box-shadow: 1px 1px 6px #ddd;
    margin: 15px 56px;
    padding: 0;
}

#gallery li p {
    border: 1px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 5px;
}

#gallery li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 2px;
}
#gallery li a:hover{background-color:#fff;}

#gallery img {
    width: 315px;
    height: 210px;
    margin: 0;
    padding: 0;
}

#gallery .preloader {
    background: url(../img/jqp_loader.gif) center center no-repeat #ffffff;
    display: inline-block;
}   
/* ============ /jq-preloading.html ========== */

/* ============ css_verticalAlign.html======== */
#txtDemo{height:20px;line-height:20px;}
/* 方法A */
#imgDemo1 .box-c{height:300px;text-align:center;}
#imgDemo1 .box-c img{display:inline;vertical-align:middle;}
#imgDemo1 .box-c-fix{display:-moz-inline-box!important;display:inline-block;vertical-align:middle;height:100%;}
/* 方法B */
#imgDemo2{display:table;height:300px;#position:relative;overflow:hidden;}
#imgDemo2 .tbCell{display:table-cell;text-align:center;vertical-align:middle;#position:absolute;#top:50%;}
#imgDemo2 .vMiddleElm{display:block;margin:0 auto;#position:relative;#top:-50%;}
/* 方法C */
/* 垂直居中-*font-size需根据具体高度算 */
#imgDemo3 .box-c {
    /* 非ie的主流浏览器识别的垂直居中 */
    display:table-cell;
    vertical-align:middle;
    /* 设置水平居中 */
    text-align:center;
    /* 针对恶心的IE的HACK */
    *display:block;
    *font-size:263px;    /* 神的hack,人类目前无法解释。约为高度的0.873~0.877,如170*0.873=148.41 */
    *font-family:Arial;      /* 防止非utf-8引起的hack失效问题,如gbk编码 */
    /* 高宽 */
    width:600px;
    height:300px;
}
#imgDemo3 .box-c img {
    /* 设置图片垂直居中 */
    vertical-align:middle;
    /* 注:block会破坏居中,另外请防止别的样式覆盖 */
    display:inline-block; /* inline也行 */
}
